<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16110100521_谭创浩</title>
	<style>
		.t1{
			width:550px;
			height:200px;
			border: 1px solid #cacaca;
		}
		.t2{
			background-image: url(1.png);
			width: 550px;
			height: 30px;
			
		}
		.t3{
			width: 6px;
			height: 15px;
			background-color:#6e6e6e; 
			float: left;
			margin-top: 8px;
			margin-left: 11px;
		}
		.t4{
			height: 30px;
			width: 100px;
			float: left;
			margin-left: 12px;
			line-height: 30px;
			font-size: 15px;
			font-weight: bolder;
		}
		.t5{
			height: 30px;
			width: 30px;
			float: right;
			margin-right: 5px;
			line-height: 30px;
			font-size: 10px;	
		}
		.t6{
			margin-left: 15px;
			margin-top: 15px;
			height: 260px;
			width:195px;
			float: left;
		}
		.t6 img{
			width: 150px;
			height: 150px;
		}
		
		.t6 span{
			font-size: 12px;
			text-align: center;
			width: 160px;
			height: 15px;
			font-weight: bolder;
		}
		.t7{
			margin-top: 15px;
			margin-left: 23px;
			height: 60px;
			width:80px;
			float: left;
			font-size: 12px;
			text-align: center;
			font-weight: bolder;
		}
		.t7 img{
			width: 80px;
			height: 80px;
		}
	</style>
</head>

<body>
	<div class="t1">
		<div class="t2">
			<div class="t3"></div>
			<div class="t4">网站建设公司</div>
			<div class="t5">展开</div>
		</div>
		
		<div class="t7">
			<img src="1.jpg">
			<a href="#">百度权重 </a>
		</div>
		<div class="t7">
			<img src="2.jpg">
			<a href="#">
                           
                           猪八戒网
                    </a>
		</div>
		<div class="t7">
			<img src="3.jpg">
			<a href="#">备案 </a>
		</div >
		<div class="t7">
			<img src="4.jpg">
			<a href="#">一比多 </a>
		</div>
		<div class="t7">
			<img src="5.jpg">
			<a href="#">sitemap </a>
		</div>
		
		
	</div>
</body>
</html>
